<template>
	<div class="overlay nav-btm">
		<div class="overlay-content scrolling" style="padding: 20px 15px;">
			<header class="header">
				我的
			</header>
			<aside style="padding: 20px 0px;">
				<div :style="{backgroundImage: 'url('+ img +')',backgroundSize:'100% 100%',backgroundRepeat:no-repeat}" @click="$router.push({path: '/MyIdentity'})">
					<div style="padding: 30px 20px;">
						<van-row type="flex">
						  <van-col span="6" style="width: 60px;height: 60px;">
						  	<van-image round width="60" height="60" src="https://img.yzcdn.cn/vant/cat.jpeg" />
						  </van-col>
						  <van-col span="18" style="font-size: 16px;position: relative;top: 20px;left: 15px;">
						  	<span style="color: white;">大鱼海棠</span>
						  </van-col>
						</van-row>
					</div>
				</div>
				<div style="font-size: 15px;padding-top: 5px;border-bottom: 1px solid #ebedf0;padding-bottom: 15px;">
					<van-row style="padding-top: 15px;" @click="$router.push({path: '/Wallet'})">
						<van-col span="3">
							<img src="../assets/images/qianbao.png" width="30" height="30"/>
						</van-col>
						<van-col span="13" style="position: relative;left: -5px;top: 5px;">
							<span>钱包管理</span>
						</van-col>
						<van-col span="8" style="position: relative;top: 8px;text-align: right;">
							<van-icon name="play" color="rgb(195, 195, 195)" />
						</van-col>
					</van-row>
					<van-row style="padding-top: 15px;"  @click="$router.push({path: '/News'})">
						<van-col span="3">
							<img src="../assets/images/xiaoxi.png" width="30" height="30"/>
						</van-col>
						<van-col span="13" style="position: relative;left: -5px;top: 5px;">
							<span>消息中心</span>
						</van-col>
						<van-col span="8" style="position: relative;top: 8px;text-align: right;">
							<van-icon name="play" color="rgb(195, 195, 195)" />
						</van-col>
					</van-row>
				</div>
				<div style="font-size: 15px;padding-top: 5px;border-bottom: 1px solid #ebedf0;padding-bottom: 15px;">
					<van-row style="padding-top: 15px;">
						<van-col span="3">
							<img src="../assets/images/dizhi.png" width="30" height="30"/>
						</van-col>
						<van-col span="13" style="position: relative;left: -5px;top: 5px;">
							<span>地址本</span>
						</van-col>
						<van-col span="8" style="position: relative;top: 8px;text-align: right;">
							<van-icon name="play" color="rgb(195, 195, 195)" />
						</van-col>
					</van-row>
					<van-row style="padding-top: 15px;" @click="$router.push({path: '/Setting'})">
						<van-col span="3">
							<img src="../assets/images/shiyongshezhi.png" width="30" height="30"/>
						</van-col>
						<van-col span="13" style="position: relative;left: -5px;top: 5px;">
							<span>使用设置</span>
						</van-col>
						<van-col span="8" style="position: relative;top: 8px;text-align: right;">
							<van-icon name="play" color="rgb(195, 195, 195)" />
						</van-col>
					</van-row>
				</div>
				<div style="font-size: 15px;padding-top: 5px;">
					<van-row style="padding-top: 15px;" @click="$router.push({path: '/Agreement'})">
						<van-col span="3">
							<img src="../assets/images/yonghuxieyi.png" width="30" height="30"/>
						</van-col>
						<van-col span="13" style="position: relative;left: -5px;top: 5px;">
							<span>用户协议</span>
						</van-col>
						<van-col span="8" style="position: relative;top: 8px;text-align: right;">
							<van-icon name="play" color="rgb(195, 195, 195)" />
						</van-col>
					</van-row>
					<van-row style="padding-top: 15px;" @click="$router.push({path: '/Help'})">
						<van-col span="3">
							<img src="../assets/images/bangzhuzhongxin.png" width="30" height="30"/>
						</van-col>
						<van-col span="13" style="position: relative;left: -5px;top: 5px;">
							<span>帮助中心</span>
						</van-col>
						<van-col span="8" style="position: relative;top: 8px;text-align: right;">
							<van-icon name="play" color="rgb(195, 195, 195)" />
						</van-col>
					</van-row>
					<van-row style="padding-top: 15px;" @click="$router.push({path: '/About'})">
						<van-col span="3">
							<img src="../assets/images/guanyuwomen.png" width="30" height="30"/>
						</van-col>
						<van-col span="13" style="position: relative;left: -5px;top: 5px;">
							<span>关于我们</span>
						</van-col>
						<van-col span="8" style="position: relative;top: 8px;text-align: right;">
							<van-icon name="play" color="rgb(195, 195, 195)" />
						</van-col>
					</van-row>
				</div>
			</aside>
		</div>
	</div>
</template>

<script>
	let _this;
	export default {
		name: 'Mine',
		components: {},
		props: {},
		data() {
			return {
				img: require('./../assets/images/mine.png')
			};
		},
		beforeCreate() {
			_this = this;
		},
		watch: {},
		computed: {},
		methods: {
			onClickLeft() {
				this.$router.push({
					path: '/'
				});
			}
		},
		created() {},
		mounted() {},
		destroyed() {

		},
		filters: {}
	};
</script>

<style lang="less" scoped>
	.header {
		font-size: 19px;
		font-weight: 600;
	}
</style>